Урок 1. История дизайна, цифрового дизайна и направления диджитал дизайна. UX/UI/Web-дизайнеры.

Урок 2. Немного поговорим об интернете, доменах, хостах, url, html, css, адаптивности и вот этом всём. Зачем в этом неплохо бы разбираться цифровому дизайнеру?

Урок 3. Zero code или как вкатиться в ойти дизайнеру? (Бонус-урок).

Урок 4. Что такое UX/UI, продуктовый дизайн. Почему UI не может без UX.

Урок 5. После того как сайт сверстали, что дальше? Или это уже точно не проблема дизайнера?)
Несколько слов о продвижение, SEO, контексная и таргетированная реклама и почему дизайнеру может быть полезным в этом хоть немного разбираться. (Бонус- урок).

Урок 6. Figma - только важное об инструменте.

Воркшоп 1
Посмотрим на примерах, что такое домен, хост и я вам покажу где у сайта появляется url. Продвижение сайтов и как с этим работают. Что такое SEO. Что такое контектсная реклама. что такое таргетированная реклама и смм. Как и для чего подключают метрики.

Воркшоп 2
Работаем в Figme. Крутые возможности, фишки, лайфхаки. Обсудим нужно ли и когда применять компоненты, авто-лайауты, варианты.

Домашнее задание. (Пока в процессе формирования)

Урок 1. Типографика.

Урок 2. Колористика.

Урок 3. Основы композиции и вёрстки.

Урок 4. UX-эвристики, психологические и поведенческие принципы в дизайне.

Урок 5. Стили, направления и веяния в дизайне. Как не стать заложником трендов или наоборот утратить актуальность своих дизайнов.

Воркшоп. Анализируем макет страницы сайта, думаем как можно его улучшить на основе базовых принципов композиции и типографики, поведенческих паттернов и принципов UX. Улучшаем макет в фигме.

Домашнее задание. Перед вами дизайн-макет сайта в фигме. В нём неидеально всё: от колористики до композиции. Улучшите дизайн и расскажите почему вы внесли те или иные изменения.

Урок 1. Начало работы над проектом. Брифинг заказчика. Стейк-холдер интервью. Что это, зачем это нужно, какие вопросы задавать?

Урок 2. Референсы и мудборд. Почему, зачем и как?

Урок 3. Конкурентный анализ, бенчмаркинг. Почему необходимо делать это практически всегда?

Урок 4. Нужно больше исследований! Метрики, дизайн на основе данных, количественные и качественные исследования (бонус-урок).

Урок 5. Custdev, Персоны, JTBD, CJM (бонус-урок).

Урок 6. Каркас-прототип (wireframe).
User-flow и карта сайта.

Урок 7. Наконец рисуем дизайн-концепцию!


Воркшоп 1. Собираем референсы, собираем мудборд. Исследуем и разговариваем на тему исследований).

Воркшоп 2. Создаем структуру сайта и флоу. Отрисовываем и "оживляем" каркас-прототип.Отриосвываем дизайн концепцию.

Домашнее задание. Поэтапно пройти от брифинга с заказчиком преподователем, до дизайн концепции будущего сайта согласно уроков модуля.

Урок 1. Итеративный подход к разработке дизайн-макета.

Урок 2. И снова стили, компоненты, АЛ и т.д. Когда и зачем это нужно?

Урок 3. Финализация проекта. Как презентовать макет заказчику. Нужны ли все эти вау анимации. Если нужны то когда?

Урок 4. Оформляем проект в портфолио. Принципы визуального повествования, нюансы, тренды, лайфхаки.

Домашнее задание. Отрисовать дизайн-макет ключевых страниц сайта. Подготовить презентацию кейса для Behance.

Урок 1. Самые популярные и перспективные конструкторы сайтов. Мифы и факты о конструкторах сайтов.

Урок 2. Тильда – основные возможности. Стандартные и зеро-блоки. Базовые и пошаговые анимации, совмещение различных типов блоков в проекте.

Урок 3. Перенос дизайна из фигмы в тильду, нюансы и особенности, адаптация дизайна.

Урок 4. HTML, CSS в тильде. Настройка сайта в админке тильды. Плагины и лайфхаки.

Воркшоп 1. Работаем в тильде.

Воркшоп 2. Переносим макет из фигмы в тильду.

Домашнее задание. Перенести одну страницу дизайн-макета из фигмы в тильду. Адаптировать страничку в тильде.

Уроки в разработке